<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload=function(){
            var count=document.getElementById("count");
            /*
                 setInterval()
                    -定时调用
                    -可以将一个函数，每隔一段时间被调用一次
                    -参数：
                        1.回调函数，该函数会每隔一段时间被调用一次
                        2.每次调用间隔的时间，单位是毫秒

                    -返回值：
                        返回一个number类型的数据
                        这个数字用来作为定时器的唯一标识
            */
            var num=1;
            var timer=setInterval(function(){
                count.innerHTML=num++;
                if(num==13){
                    clearInterval(timer);
                }
            },500);

            //clearInterval()可以用来关闭一个定时临时车辆临时车辆器
            //方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器

        }
    </script>
</head>
<body>
    <h1 id="count"></h1>
</body>
</html>